		*{ 
            margin: 0; 
            padding: 0;
        }


#nav {
    display:block;
    white-space:nowrap;
    width:1300px;/*500px;*/
    height: 70px;   
}

#nav li {
    width:80px;
    height:70px;
    margin:20px;
    display:inline-block;
}

#nav li a {
    font-size: 20px;
    color: white;/*#313131*/
    text-decoration: none;
}
  

.lir{
    float: right;   
}
.lil{
    float:left;   
}
#nav li p{
    padding-top: 10px;
    font-size: 20px;
    color: white;
}



.topdiv{
        height: 70px;

        background-color:black;/*#666666*/
}


		.container_bi{
			
			margin:5px 20px;
			width: 280px;
			/*height:50%;*/
			height: 280px;
			border-radius:10px;
			float: left;
			border: 1px /*darkblue solid*/;
			/*background: gray;*/
			/*opacity:0.5;*/
			/*background: lightblue;*/
			/*background-color: pink;*/	
			
		}
		.container_bi .tech_img{
			width:100%;
			height:100%;
			border-radius:10px;
			/*圆形图片*/
			/*border-radius: 50%;*/
			display: inline;
			transition: all 2s;
			/*鼠标形状为小手cursor: pointer;*/
					
		}
		.container_bi .tech_img:hover{
			/*transform: rotate(720deg);*/
			width:45%;
			height:45%;
			border-radius:5%;
			
		}


		.container_bi .tech_text{

			width: 90%;
			height: 50%;
			display:none;
			position: relative;
			margin-left: 0%;
			/*rgba(255,153,0,0.5)*/
			/*rgba(241,250,250,0.5)*/
			background-color:rgba(224,224,255,0.5) ;
			color:rgba(0,0,0,1);
			border-radius: 10px;
			
			animation:myfirst 2s;
			
		}


		/*.tech_text*/

		@keyframes myfirst
		{
		from {background-color: rgba(224,224,255,0);color:rgba(0,0,0,0)}
		to {background-color: rgba(224,224,255,0.5);color:rgba(0,0,0,1)}
		}

		.content{
			background-image: url("/static/images/bkground/1.jpg");
			background-repeat: no-repeat;
			background-size: cover;   
		}


		

       /*轮播*/
        #container { 
           /* width: 600px; */
           width:100%;
            height: 450px;
           /* margin:20px auto;*/
           margin:0 0;
            overflow: hidden; 
            position: relative;
        }
        #list { 
            /*width: 4200px;*/ 
            width:15000px;
            height: 450px; 
            position: absolute; 
            z-index: 1;
        }
        #list img { 
            float: left;
        }
        #buttons {  
            height: 10px; 
            width: 100px; 
            position: absolute; 
            bottom: 20px; 
            /*left: 250px;*/
            left:50%;
            z-index: 2;
        }
        #buttons span { 
            cursor: pointer; 
            float: left; 
            width: 10px; 
            height: 10px; 
            border-radius: 50%; 
            background: #333;
            border: 1px solid #fff; 
            margin-right: 5px;
        }
        #buttons .on {  
            background: orangered;
        }
        .arrow {
            width: 40px; 
            height: 40px;
            line-height: 40px; 
            text-align: center; 
            font-size: 36px; 
            font-weight: bold;
            color: #fff; 
            position: absolute;
            top: 180px; 
            background-color: RGBA(0,0,0,0.3);
            z-index: 2;
            cursor: pointer;
            display: none;
        }
        .arrow:hover { 
            background-color: RGBA(0,0,0,0.7);
        }
        #container:hover .arrow { 
            display: block;
        }
        /*左箭头*/
        #prev { 
            left: 20px;
        }
        /*右箭头*/
        #next { 
            right: 20px;
        }
